<h2>Add New Customer</h2>
 
<form novalidate name="AddNewForm" id="add-new-form" method="post" action="">
  <table>
      <tr>
        <td>Type : <select ng-model="cust.custtype" name= "custtype" ng-options="type.name as type.name for type in custcat"></select>
      <!-- {{cust.custtype | json}} -->
       </td>
    <td>Prefix :<select ng-model="cust.prefx" name="prefx" ng-options="item.name as item.name for item in prefx"></select>
   <!-- {{cust.prefx | json}} 
     <select> <option id="MR">MR</option> <option id="M/S">M/S</option> <option id="MRS">MRS</option></select>--> 
    </td> 
	<td>Name : <input type="text" name="Name" ng-model="cust.Name" capitalize> </td>
	</tr>
    
    <tr>
     <td>Address :<textarea rows = "4" name="Address" ng-model="cust.Address" capitalize></textarea></td>
        <td>City :<input type="text" name="city" ng-model="cust.city" capitalize></td>
	 </tr>
        <tr>
        <td>Email Id : <input type="email" ng-model="cust.email"></td>
        <td>Phone :    <input type="text" ng-model="cust.phoneno"></td>
	    </tr>
  </table>
        <button class="btn btn-primary" ng-disabled="AddNewForm.$invalid || isUnchanged(cust)" id="add-new-btn" ng-click="add_new(cust)">Save!</button>
        <a href="#/editcust/" class="btn">Cancel</a>
    </div>